import Vue from 'vue'; // 导入vue
import App from './App.vue'; // 引入App.vue
import router from './router'; // 引入路由
import store from './store'; // 引入Vuex
import ElementUI from 'element-ui'; // 引入element-ui
import 'element-ui/lib/theme-chalk/index.css'; // 引入element-ui样式
import '@/assets/base.css'; //引入全局重置样式表
import './plugins/vant.js';
import '@/utils/filter.js';
Vue.use(ElementUI); // 全局使用element-ui
Vue.config.productionTip = false; // 关闭生产模式提示
import { Lazyload } from 'vant';
Vue.use(Lazyload, {
  lazyComponent: true,
  loading: './assets/homeimg/lazy.gif',
});
new Vue({
  router,
  store,
  render: (h) => h(App),
  created() {
    // 有关浏览器类型的信息都藏在USER-AGENT里面，首先读取navigator.userAgent里面的信息，为了方便利用toLowerCase方法转成小写的形式
    var sUserAgent = navigator.userAgent.toLowerCase();
    var bIsIpad = sUserAgent.match(/ipad/i) == 'ipad';
    var bIsIphoneOs = sUserAgent.match(/iphone os/i) == 'iphone os';
    var bIsMidp = sUserAgent.match(/midp/i) == 'midp';
    var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == 'rv:1.2.3.4';
    var bIsUc = sUserAgent.match(/ucweb/i) == 'ucweb';
    var bIsAndroid = sUserAgent.match(/android/i) == 'android';
    var bIsCE = sUserAgent.match(/windows ce/i) == 'windows ce';
    var bIsWM = sUserAgent.match(/windows mobile/i) == 'windows mobile';
    //如果匹配上面的浏览器就跳转打开移动端页面
    if (
      bIsIpad ||
      bIsIphoneOs ||
      bIsMidp ||
      bIsUc7 ||
      bIsUc ||
      bIsAndroid ||
      bIsCE ||
      bIsWM
    ) {
      //如果是移动端就跳转打开移动端页面
      this.$store.commit('media/setIsPhone', true);
    } else {
      //Pc端进入不需要其他操作
      this.$store.commit('media/setIsPhone', false);
    }
  },
}).$mount('#app');
